<!DOCTYPE html>
<meta name="viewport" content="width=device-width, user-scalable=no" />
<style>
  html, body {
    height: 100%;
    width: 100%;
    margin: 0;
  }
  #cover {
    width: 100%;
    height: 500px;
    background-color: palegreen;
  }
  #bottom {
    position: fixed;
    left: 50px;
    right: 50px;
    height: 20px;
    bottom: 100px;
    background-color: coral;
  }
</style>

<div id="cover">
    Test passes if the orange bar is visible at the bottom of the green box.
    The green box should be 100px from the screen bottom.
</div>
<div id="bottom"></div>
